import React from "react";
import { connect } from "dva";
import { routerRedux } from "dva/router";
import { Button, Icon, List, WhiteSpace, TextareaItem } from "antd-mobile";
import { createForm } from 'rc-form';
import styles from './toparticulars.less';
import banner from '../../../../assets/work/banner2.jpg';

const Item = List.Item;
const Brief = Item.Brief;
class toparticulars extends React.Component {

  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    const { getFieldProps } = this.props.form;
    return (
      <div>
        <List>
          <Item
            extra={<span style={{ color: '#8699FF', fontSize: '0.256rem' }}>查看转接历史</span>}
            thumb={banner}
            multipleLine
            onClick={() => { }}
          >
            李春燕 <Brief style={{ fontSize: '0.256rem' }}>中共党员&nbsp;|&nbsp;区县内转出</Brief>
          </Item>
        </List>
        <List>
          <div style={{ display: 'inline-block', width: '20%', verticalAlign: 'middle', marginTop: '0.2rem' }}>所属组织</div>
          <div style={{ marginLeft: '14%', display: 'inline-block', width: '64%', verticalAlign: 'text-top', marginTop: '0.2rem', marginBottom: '0.2rem' }}>中共重庆市地勘局南江水文地质工程地质队委员会检测中心党支部</div>
        </List>
        <WhiteSpace size="lg" />
        <List>
          <Item extra="目的组织名称" onClick={() => { }}>目的组织</Item>
          <Item extra="推荐人姓名" onClick={() => { }}>推荐人</Item>
        </List>
        <WhiteSpace size="lg" />
        <List>
          <Item extra="35.74" onClick={() => { }}>党费标准</Item>
          <Item extra="2017-11-30" onClick={() => { }}>党费交到</Item>
        </List>
        <WhiteSpace size="lg" />
        <List>
          <TextareaItem
            {...getFieldProps('note1')}
            rows={4}
            placeholder="请再次处填入转接的原因"
          />
        </List>
        <WhiteSpace size="lg" />
        <WhiteSpace size="lg" />
        <div style={{ width: '100%' }}> <Button style={{ backgroundColor: '#DF3031', color: '#ffffff', width: '80%', marginLeft: '10%' }}>通过</Button></div>
        <WhiteSpace size="lg" />
        <WhiteSpace size="lg" />
        <div style={{ width: '100%' }}> <Button className={styles.btn1}>拒绝</Button></div>

      </div>
    );
  }
}

function mapStateToProps({ work }) {
  return { work };
}
const tparticulars = createForm()(toparticulars);
export default connect(mapStateToProps)(tparticulars);
